/* 头部 */
.header {
    height: 7rem;
    border-top: 0.01rem solid transparent;
    background: url('./_baner.png') no-repeat top center;
    background-size: 100% auto;
}

.title {
    margin-top: 0.39rem;
}

.logos {
    margin-left: 3.83rem;
    float: left;
}

.logos img {
    width: 1.44rem;
    height: 0.45rem;
}

.logos h1 {
    font-size: 0rem;
}

.links {
    float: right;
    margin-right: 2.8rem;
}

/* .link_item {
    width: .86rem;
    height: .56rem;
}
.link_item .rect {
    width: .86rem;
    text-anchor: middle;
    height: .56rem;
    fill:transparent;
    stroke:white;
    stroke-width:6px;
    stroke-dasharray:0 500;
    stroke-dashoffset:0;
    transition:0.5s ease;
}
.link_item:hover .rect {
    stroke-dasharray:500 0;
    stroke-width:6px;
    stroke:rgba(255,103,0,1);
}
.link_item .text {
    stroke: #fff;
    font-size: .19rem;
}
.link_item .en {
    stroke: #fff;
    font-size: .14rem;
} */
.link_item {
    position: relative;
    display: inline-block;
    height: 0.54rem;
    margin-left: 0.73rem;
    color: #ffffff;
    text-align: center;
    font-size: 0.19rem;
    font-weight: 700;
    overflow: hidden;
}

.link_item .text {
    font-size: 0.19rem;
}

.link_item .text a {
    color: #ffffff;
}

.link_item .en {
    font-size: 0.14rem;
}

.link_item::after {
    content: '';
    position: absolute;
    left: -100%;
    bottom: 0.03rem;
    transition: all .5s;
    width: 100%;
    height: 0.03rem;
    background-color: #fff;
}

.link_item:hover::after {
    left: 0;
}

.subtitle {
    height: 1.35rem;
    margin: 3.03rem 0 0 4.01rem;
}

.subtitle div:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.52rem;
    color: #ffffff;
}

.subtitle div:nth-of-type(2) {
    width: 0.92rem;
    height: 0.04rem;
    margin-top: 0.86rem;
    background-color: #fff;
}

.subtitle div:nth-of-type(3) {
    display: flex;
    flex-wrap: wrap;
    width: 3.83rem;
    margin-top: 0.35rem;
    font-size: 0.18rem;
    color: #ffffff;
}

.subtitle div:nth-of-type(3) span {
    padding: 0 .1rem;

}

.header_img {
    width: 0.16rem;
    height: 0.48rem;
    margin-top: 0.29rem;
}

/* CA日报实时发布 */
.daily {
    display: flex;
    justify-content: center;
    padding-top: 1.22rem;
    height: 9rem;
    background: url('daily_bg.png') no-repeat;
    background-size: 100% auto;
}

.daily_left {
    margin-right: 0.6rem;
    width: 4.6rem;
}

.daily_hd {
    height: 3.2rem;
    overflow: hidden;
}

.daily_title {
    margin-top: 0.41rem;
    font-size: 0.48rem;
    color: rgba(255, 103, 0, 1);
    font-weight: 700;
}

.daily_subtitle {
    margin-top: 0.29rem;
    font-size: 0.3rem;
    color: #000;
}

.daily_bd_title {
    font-size: 0.28rem;
    color: rgba(255, 103, 0, 1);
}

.daily_bd_content {
    margin-top: 0.5rem;
    font-size: 0.18rem;
    line-height: .31rem;
    color: #666;
}

.daily_bd_line {
    margin-top: 0.4rem;
    width: 0.8rem;
    height: 0.04rem;
    background: rgba(255, 103, 0, 1);
}

.daily_right {
    width: 4.8rem;
    height: 6.18rem;
    margin-left: 0.6rem;
    transform: scale(1);
    transition: all .5s;
}


.daily_right img {
    height: 100%;
    width: 100%;
}

/* 了解ca社群 */
.know {
    display: flex;
    justify-content: center;
    height: 9rem;
    padding: 1.18rem 0 0;
    background: url('know_bg.png') no-repeat;
    background-size: 100% auto;
}

.box_left {
    width: 4.25rem;
    float: left;
    color: #ffffff;
    margin-right: 0.43rem;
}

.box_left_title {
    font-size: 0.48rem;
}

.box_left_subtitle {
    margin-top: 0.28rem;
    font-size: 0.48rem;
    color: rgba(255, 199, 162, 1);
}

.box_left_intro {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.38rem;
    font-size: 0.18rem;
}

.box_left_intro span {
    margin-right: 0.25rem;
}

.box_left_content {
    margin-top: 0.82rem;
    font-size: 0.14rem;
    line-height: .35rem;
}

.know_con {
    float: left;
    overflow: hidden;
}

.know_item {
    background: #fff;
}

.know_right {
    height: 6rem;
    width: 8.8rem;
    position: relative;
    background-color: #fff;
}

.arrows,
.show_arrows {
    display: flex;
    justify-content: center;
    margin-top: 0.32rem;
}

.arrows_left,
.arrows_right,
.show_arrows_left,
.show_arrows_right {
    height: 0.48rem;
    width: 0.25rem;
    margin: 0 0.5rem;
    background-size: 0.25rem 0.48rem !important;
}

.know_item {
    display: flex;
    /* padding: 1.41rem 1.04rem 0;
    */
    justify-content: space-around;
}

.know_item .item_detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.3rem;
}

.item_detail_img {
    width: 0.78rem;
    height: 0.78rem;
}

.item_detail_title {
    font-size: .18rem;
    margin-top: 0.34rem;
}

.item_detail_content {
    font-size: .16rem;
    margin-top: 0.5rem;
    line-height: .35rem;
    color: #666;
}

.arrows_left,
.show_arrows_left {
    background: url('arrows_left.png');
}

.arrows_right,
.show_arrows_right {
    background: url('arrows_right.png');
}

.item_detail_line {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0.01rem;
    border: 2px dashed rgba(255, 103, 0, 1);
    height: 4.62rem;
    z-index: 1;
}

/* 三大CA成员权益 */
.rights {
    display: flex;
    justify-content: center;
    background: url('rights_bg.png') no-repeat;
    background-size: 100% auto;
    height: 9rem;
    padding-top: 1.52rem;
}

.rights_left {
    width: 5.52rem;
}

.rights_left_title {
    font-size: 0.48rem;
    color: #FF6700;
    margin-top: 0.39rem;
}

.rights_left_subtitle {
    width: 3.56rem;
    font-size: 0.16rem;
    line-height: 0.3rem;
    margin-top: 0.25rem;
}

.rights_left_tabs {
    margin-top: 2.93rem;
    margin-left: 3.39rem;
}

.tabs_item {
    font-size: .18rem;
    height: .3rem;
    transform: scale(1);
    margin-top: 0.47rem;
    transition: all .5s;
}

.tabs_item.active {
    transform: scale(1.08);
    position: relative;
    font-size: 0.22rem;
    color: #FF6700;
}

.tabs_item.active::after {
    content: '';
    position: absolute;
    left: -0.2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.02rem;
    height: 0.2rem;
    background: #FF6700;
}

.righrs_con {
    position: relative;
    width: 4.8rem;
    height: 6.1rem;
    box-shadow: 0rem 0.01rem 0.27rem 0rem rgba(158, 159, 159, 0.2);
    border-radius: 0.3rem;
    margin-left: 0.86rem;
    overflow: hidden;
}

.rights_item {
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(.1);
}

.rights_item.goout {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: 100%;
    transition: all 1s;

}

.rights_img {
    height: 3rem;
}

.rights_img img {
    width: 100%;
    height: 100%;
}

.rights_item ul {
    list-style-type: unset;
    margin-top: 0.6rem;
    margin-left: 1rem;
}

.rights_item ul li {
    margin-top: 0.3rem;
    font-size: .16rem;
}

/* 只需六步，轻松赚钱 */
.tepup {
    display: flex;
    justify-content: center;
    height: 9rem;
    padding: 1.98rem 0 0;
    background: url('tepup_bg.png') no-repeat;
    background-size: 100% auto;
}

.tepup_con {
    display: flex;
    flex-wrap: wrap;
    width: 9.5rem;
}

.tepup_item {
    width: 2.75rem;
    height: 2.7rem;
    padding: 0.3rem;
    background: #fff;
    margin-left: 0.25rem;
    transform: scale(1);
    border-right: 0.05rem solid rgba(190, 190, 190, 1);
    transition: all .5s;
}

.tepup_item:hover {
    transform: scale(1.08);
    border-right: 0.05rem solid rgba(255, 103, 0, 1);
}

.tepup_item:hover .tepup_number {
    background: rgba(255, 103, 0, 1);
}

.tepup_number {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 0.05rem;
    background: #ccc;
    color: #fff;
    text-align: center;
    line-height: 0.45rem;
    font-size: 0.3rem;
}

.tepup_title {
    font-size: 0.28rem;
    margin-top: 0.26rem;
}

.tepup_content {
    margin-top: 0.37rem;
    font-size: 0.2rem;
    color: #ccc;
}

/* 七步担保流程 */
.flow {
    display: flex;
    height: 5rem;
    padding: 1.56rem;
    background: url('setps_bg.png') no-repeat;
    background-size: 100% auto;
}

.flow_left {
    flex: 1;
    margin: 0 0.75rem;
    background: url('flow_content_bg.png') no-repeat;
    background-size: 2.64rem 2.64rem;
    background-position: 2.65rem 2.34rem;
}

.flow_title {
    font-size: 0.48rem;
    color: #FF6700;
}

.flow_subtitle {
    font-size: 0.48rem;
    color: #000;
    margin-top: 0.2rem;
}

.flow_content {
    font-size: 0.15rem;
    color: #515359;
    margin-top: 2.15rem;
    line-height: .31rem;
    width: 2.46rem;

}

.flow_line {
    width: 0.6rem;
    height: 0.04rem;
    background: #FF6700;
    margin-top: 0.39rem;
}

.flow_right {
    flex: 1;
    margin: 0 0.75rem;
}

.flow_item {
    display: flex;
    align-items: center;
    height: .3rem;
    /* justify-content: center;
    */
    font-size: .2rem;
    margin-bottom: 0.6rem;
    transition: all .5s;
}

.flow_item.active .flow_item_img {
    width: 0.4rem;
    height: 0.5rem;
    background-size: 0.4rem 0.4rem;
    line-height: 0.4rem;
    transform: rotate(360deg);
}

.flow_item:active {
    font-size: .24rem;
}

.flow_item_img {
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-right: 0.2rem;
    text-align: center;
    color: #fff;
    background: url('flow_item_img.png') no-repeat;
    background-size: 0.3rem 0.3rem;
    transition: all .5s;
}

/* 优秀成员展示 */
.show {
    display: flex;
    justify-content: center;
    padding-top: 1.64rem;
    height: 9rem;
    background: url('know_bg.png') no-repeat;
    background-size: 100% auto;
}

.show_item {
    margin-left: 0.05rem;
}

.show_item_img {
    width: 2.44rem;
    height: 5.28rem;
}

.show_right {
    width: 7.7rem;
    overflow: hidden;
}

.swiper-container {
    width: 7.5rem;
}

.show_con.swiper-wrapper {
    width: 7.7rem;
    height: 5.28rem;
}

.show_item.swiper-slide {
    width: 2.44rem;
    height: 5.28rem;
}

/* 联系我们 */
.contactUs {
    height: 14.41rem;
    padding-top: 0.66rem;
    color: #FF6700;
    text-align: center;
    background: url('contactUs_bg.png') no-repeat;
    background-size: 100% auto;
}

.contactUs_title {
    font-size: 0.48rem;
}

.contactUs_subtitle {
    font-size: 0.3rem;
    margin-top: 0.27rem;
}

.contactUs_time {
    margin-top: 0.49rem;
    font-size: 0.16rem;
}

.contactUs_idea {
    margin-top: 0.21rem;
    font-size: .16rem;
}

.contactUs_con {
    width: 15rem;
    background-color: #fff;
    padding: 0.25rem 0;
    margin: 0.43rem auto 0;
    background: rgba(0, 0, 0, .12);
    border-radius: 0.2rem;
}

.contactUs_item {
    display: flex;
    width: 14rem;
    margin:  auto;
    color: #fff;
    font-size: .26rem;
    border-radius: 0.1rem;
    align-items: center;
    padding: 0 .3rem;
    justify-content: center;
    height: 0.62rem;
    transition:  all 1s;
    margin-bottom: 0.2rem;
}
.contactUs_item span {
    flex: 1;
    text-align: left;
}
.contactUs_item img {
    width: 0.36rem;
    height: 0.36rem;
    margin-right: .3rem;
}

.contactUs_item.active {
    transform: rotateY(30deg);
    box-shadow: 5px 5px 10px #FF6700;
}

.contactUs_website {
    margin-top: 1.5rem;
    font-size: .16rem;
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto
}


/* 返回顶部 */
#gotop {
    display: none;
    position: fixed;
    bottom: 15%;
    right: .56rem;
    width: .5rem;
    font-size: .24rem;
    height: .5rem;
    text-align: center;
    background: rgba(255,255,255,.5);
    background-size: .5rem .5rem;
    transition: all 1s;
}
#gotop:hover {
    background: rgba(255, 103, 0, 0.3);
}
#gotop img {
    width: .5rem;
    height: .5rem;
    vertical-align: top;
}
.text {
    color: white;
}
.text span {
    padding-left: 1em;
    border-width: 0!important;
    font-size: 16px;
    text-align: left;
}